<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>工作站评选管理</title>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="../rz/css/common.css">
  <link rel="stylesheet" href="css/choose-manager.css">
  <style>
    .introduce { padding: 50px 32px; }
  </style>
</head>
<body>
  <div class="header">
    <div class="nav">
      <span class="title">院士专家工作站信息服务平台管理后台</span>
      <!-- <span class="name">填写信息</span> -->
      <div class="user">
        <img src="../rz/img/person.png" class="icon">
        <span class="user-name">用户账户号</span>
      </div>
    </div>
  </div>
  
  <div class="tab">
    <div class="container">
      <ul class="tab-list">
        <li class="tab-item w-250 active">院士专家工作站评选管理</li>
        <li class="tab-item w-330">院士专家工作站示范单位评选管理</li>
        <li class="tab-item w-110">专家管理</li>
      </ul>
    </div>
  </div>

  <div class="container">
    <div class="show-container">
      <div class="show">
        <p>评选年度：<span class="year">2018年度</span></p>
        <div class="show-box">
          <h4>示范院士专家工作站名单选择</h4>
          <div class="show-content">
            <form class="show-list">
              <label>
                <input checked type="checkbox" name="choose" value="1">北京国华电力有限责任公司院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="2">北京电子工程设计院院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="3">神华集团院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="4">中关村科技园区海淀园院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="5">北京北农大动物科技有限责任公司院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="6">中铁工程设计咨询集团有限公司院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="7">北京中农富通园艺有限公司院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="8">北京国华电力有限责任公司院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="9">北京电子工程设计院院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="10">神华集团院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="11">中关村科技园区海淀园院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="12">北京北农大动物科技有限责任公司院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="13">中铁工程设计咨询集团有限公司院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="14">北京中农富通园艺有限公司院士专家工作站
              </label>
            </form>
          </div>
          <div class="show-btn">
            <a href="list.html" class="submit-btn">提交</a>
            <a href="##" class="cancel-btn">取消</a>
          </div>
        </div>
      </div>
      
      <div class="show invisible">
        <p>评选年度：<span class="year">2018年度</span></p>
        <div class="show-box">
          <h4>示范院士专家工作站名单选择</h4>
          <div class="show-content">
            <form class="show-list">
              <label>
                <input type="checkbox" name="choose" value="01">北京国华电力有限责任公司院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="02">北京电子工程设计院院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="03">神华集团院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="04">中关村科技园区海淀园院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="05">北京北农大动物科技有限责任公司院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="06">中铁工程设计咨询集团有限公司院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="07">北京中农富通园艺有限公司院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="08">北京国华电力有限责任公司院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="09">北京电子工程设计院院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="010">神华集团院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="011">中关村科技园区海淀园院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="012">北京北农大动物科技有限责任公司院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="013">中铁工程设计咨询集团有限公司院士专家工作站
              </label>
              <label>
                <input type="checkbox" name="choose" value="014">北京中农富通园艺有限公司院士专家工作站
              </label>
            </form>
          </div>
          <div class="show-btn">
            <a href="list.html" class="submit-btn">提交</a>
            <a href="##" class="cancel-btn">取消</a>
          </div>
        </div>
      </div>

      <div class="show expert">
        
      </div>
    </div>
    
  </div>

  <!-- 底部 -->
  <div class="footer">
    <div class="introduce">
      <span class="title">院士专家工作站信息服务平台管理后台</span>
      <div class="about-us">
        <a href="##">关于我们</a>
        <a href="##">关于我们</a>
        <a href="##">关于我们</a>
      </div>

      <div class="about-us">
        <a href="##">关于我们</a>
        <a href="##">关于我们</a>
        <a href="javascript:void(0);">认证信息</a>
      </div>

      <div class="contact-us">
        <img src="../rz/img/tel.png">
        <span>联系我们</span>
        <p>0794-000-000</p>
      </div>
    </div>
    <p class="bottom">
      院士专家工作站信息服务平台管理后台 版权所有 联系我们 京ICP 备 10559855 号-4 海淀分局备案 1101025452
    </p>
  </div>

  <script src="js/jquery-1.10.1.min.js"></script>
  <script>

    $('.tab-item').on('click', function() {
      $(this).addClass('active').siblings().removeClass('active');
      $('.show').eq($(this).index()).removeClass('invisible').siblings().addClass('invisible');
    });

    $('.show-list input').on('click' ,function () {
      $(this).val();
    });

    $('.submit-btn').on('click', function () {

      console.log($('.show-list input[checked]').val());
    });

    $('.cancel-btn').on('click' ,function () {
      window.location.reload();
    })
  </script>
</body>
</html>